body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
.specs_inner p span,.explain_inner p span{background-color: #f3f4f8!important;}
img{vertical-align: middle; border:none;}
.explain,.describe{background-color:#f3f4f8!important;}
.specs_inner div{background-color:#f3f4f8!important;}
ul,ol{list-style:none outside none;} 
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1340px; margin: 0 auto; }
.head{ background: #fbfcfd; border-top: 2px solid #d38115; }
h1{ float: left; line-height:98px;  }
.nav_ul{ float: left; margin-left: 93px; }
.nav_ul li{ float: left; margin-left: 10px; position: relative; height: 98px; }
.nav_ul li a{ display: block; position: relative; z-index: 99; font-size: 18px; color: #404041; height:98px; line-height: 98px; text-align: center; width: 110px;   }
.head_right{ float: right; }
.head_line{ display: block; float: left; background: url(../images/head4.png) right center no-repeat; height: 98px; width: 1px; }
.lan{ float: left; position: relative; margin: 26px 20px 0 50px;background: url(../images/head2.png) right center no-repeat; width: 42px; height: 42px; overflow: hidden;  }
.lan a{ display: block; transition: all 0.5s ease 0s; position: relative; z-index: 99; height: 42px; line-height: 42px; width: 42px; text-align: center; }
.search{ float: left; position: relative; margin-top: 26px;background: url(../images/head2.png) right center no-repeat; width: 42px; height: 42px;   line-height: 42px; text-align: center; cursor: pointer;  }
.lan:after,.search:after{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); background: url(../images/head5.png) right center no-repeat;content: ''; width: 42px; height: 0px; transition: all 0.3s ease 0s; }
.lan:hover:after,.search:hover:after{ transition: all 0.3s ease 0s; height: 42px; }
.lan:hover a{ color: #fff; transition: all 0.5s ease 0s; }
.nav_ul li .subnav{width:100%; position:absolute; left:0; top:98px; z-index:9999999; background:#e3e8ed;  color:#fff; text-align:center; padding-top:10px; 
 display:none;}
.nav_ul li .subnav a{ height:40px; line-height:40px; text-align:center; overflow:hidden; color:#333!important; font-size: 16px;  }
.nav_ul li .subnav a:hover,.nav_ul li .subnav .nav_four a:hover,.nav_ul li .subnav .nav_three a:hover{ color:#fff!important;background:#110e59;}
.nav_two{ position: relative; }
.nav_three{ position: absolute; left: 110px; top: 0; background: #e2e6ec; display: none; }
.nav_four{position: absolute; left: 110px; top: 0; background: #e2e6ec; display: none;}
.nav_ul li .subnav .nav_three a{height:40px; line-height:40px; text-align:center; overflow:hidden; color:#333; font-size: 14px;}
.nav_ul li .subnav .nav_four a{height:40px; line-height:40px; text-align:center; overflow:hidden; color:#333; font-size: 14px;}
.search_img{ display: block; position: relative; z-index: 99; width: 42px; transition: all 0.5s ease 0s; height: 42px;background: url(../images/head1.png) center center no-repeat; }
.search:hover .search_img{background: url(../images/search1.png) center center no-repeat; transition: all 0.5s ease 0s;}
.nav_ul li:after,.nav_ul li.headtog a:after{ width: 100%; height: 0; transition: all 0.5s ease 0s; background: #110e59; position: absolute; left: 0; bottom: 0; content: ''; }
.nav_ul li:hover:after,.nav_ul li.headtog a:hover:after,.nav_ul li.current a:after{ height: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #fff; transition: all 0.5s ease 0s; }
.point{ position: absolute; width: 100%;animation: downico 1.5s ease-out infinite; z-index: 999; bottom: 11px;background: url(../images/head3.png) center center no-repeat; height: 8px; display: none; }
.nav_ul li.headtog{ position: static; }
.nav_ul li.headtog a{ position: relative; }
.nav_ul li.headtog:after{ display: none; }
.headzhou{ display: block; position: relative; z-index: 99; }
.three_inner{ position: relative; }



@keyframes downico {
    0% {
        bottom: 11px;
        opacity: 1;
    }

    50% {
        bottom: 5%;
        
    }

    100% {
        bottom: 11px;
        opacity: 1;
    }
}

.nav_ul li:hover .point{ display: block; }

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:72px;
  right: -6px;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 999

}
.fixed #search-form { top:60px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
 
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #110e59;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

.foot{background: url(../images/footbj.jpg) center top no-repeat; height: 440px;}
.foot_logo{ float: left; }
.foot_ul{ float: right;height: 38px; line-height: 38px; overflow: hidden;}
.foot_inner{ padding:20px 0 20px 0;  }
.foot_ul li{ float: left; margin-left: 28px; }
.foot_ul li a{ display: block; font-size: 18px; transition: all 0.5s ease 0s; color: #fff;background: url(../images/foot5.png) left center no-repeat; height: 36px; line-height: 36px; padding-left: 31px; }
.foot_ul li:nth-child(1){ background: none; }
.foot_ul li a:hover{ color: #110e59; transition: all 0.5s ease 0s; }
.foot_map{ float: right; }
.foot_map img{ width: 560px; height: 180px; overflow: hidden; border-radius: 10px; }
.touch{ float: left; width: 754px; }
.touch_i{ font-size: 32px; display: block; margin-bottom: 22px; height:74px; line-height: 74px; overflow: hidden; color: #fff; }
.touch_dl{ float: left; margin-right: 80px }
.touch_dl dt{ height: 34px; overflow: hidden; float: none; }
.touch_img{ display: block; margin-right: 10px; float: left; width: 32px; height: 32px; text-align: center; line-height: 32px; }
.touch_tit{display: block; float: left; height:34px; line-height: 34px; font-size: 18px; color: #fff; overflow: hidden; }
.touch_dl dd{ font-size: 14px; color: #bcc3cc; height:40px; line-height: 40px; overflow: hidden;  }
.foot_bottom{ padding-bottom: 36px; }
.add{ border-top: 1px solid #51677f }
.add_l{ float: left; height:76px; line-height: 76px; overflow: hidden; font-size: 14px; color: #bec4cb  }
.add a{ font-size: 14px;transition: all 0.5s ease 0s; color: #bec4cb; margin-left: 20px;}
.add_r{ float: right; height: 76px; line-height: 76px; }
.add a:hover{ color: #fff; transition: all 0.5s ease 0s;}
.touch_dl:nth-child(1){ float: none; margin: 0; width: 100% }

.aboutbj{background: url(../images/aboutbj.jpg) center top no-repeat; height: 850px; background-size: cover;}
.site{ padding: 22px 0 0 40px; box-sizing: border-box; position: absolute; left: 50%; margin-left: -670px; top: -60px; background: #fff; height:60px; width: 1340px;  }
.site_inner{ height:22px; line-height: 22px; font-size: 14px; padding-left: 34px; color: #858585;background: url(../images/home.png) left center no-repeat;   }
.site_inner a{ color: #858585;transition: all 0.5s ease 0s; padding-left: 15px; background: url(../images/site1.jpg) left center no-repeat; margin-right: 10px; }
.site_inner a.on{ color: #333333;background: url(../images/site2.jpg) left center no-repeat; }
.site_inner a:nth-child(1){ background: none; }
.site_inner a:hover,.site_inner a.on:hover{ color: #110e59; transition: all 0.5s ease 0s; }
.warp{ position: relative; }
.details{ padding-top: 60px; }
.about_div{ text-align: right; }
.about{ position: relative; }
.us{ background: #110e59; width:820px; height: 550px; overflow: hidden; position: absolute; left: 0; top:120px; padding: 0 20px 40px 48px; box-sizing: border-box;  }
.us_tit{display: block; margin-bottom: 15px; font-size: 30px; color: #fff; height:50px; line-height: 50px; overflow: hidden; padding-top: 40px; }
.us_div{ height:402px; overflow-y: auto;  padding-right: 20px;  }

.us_div::-webkit-scrollbar {
            width: 2px;    
        }
.us_div::-webkit-scrollbar-thumb {
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(211,129,21,1);
            background: rgba(211,129,21,1);
        }
.us_div::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px rgba(17,14,89,1);
            border-radius: 0;
            background: rgba(0,0,0,0.1);

        }

.infor_ul{ margin:0 0 50px -30px;  }
.infor_ul li{ margin: 0 0 40px 30px; width:426px;  float: left; }
.infor_img{ width: 426px; height: 280px; border-radius: 5px 5px 0 0; display: block; overflow: hidden; }
.infor_img img{ width: 426px; height: 280px; overflow: hidden;}
.infor{ padding: 24px 0 12px 0; position: relative; background: #f8f8f8; border-radius: 0 0 5px 5px; box-shadow: 0 0 10px #ebebf1 }
.infor_tit{ position: relative;transition: all 0.5s ease 0s; z-index: 99; height: 60px;background: url(../images/inforline.png) left 6px no-repeat; display: block; line-height: 30px; overflow: hidden; font-size:20px;  padding:0 32px; }
.infor_time{ display: block;height:48px;transition: all 0.5s ease 0s; line-height: 48px; overflow: hidden; font-size:14px; float: left;   }
.infor_see{ display: block;transition: all 0.5s ease 0s; float: right;background: url(../images/inforsee.png) left center no-repeat; width: 20px; height: 48px; }
.infor_div{ padding:0 32px;position: relative; z-index: 99; }
.infor:after{ height: 0; width: 100%; transition: all 0.5s ease 0s; background: #110e59; position: absolute; left: 0; bottom: 0; content: ''; border-radius: 0 0 5px 5px; }
.infor_ul li:hover .infor:after{height: 100%; transition: all 0.5s ease 0s;}
.infor_ul li:hover .infor_tit{ color: #fff;background: url(../images/inforline1.png) left 6px no-repeat; transition: all 0.5s ease 0s; }
.infor_ul li:hover .infor_time{color: #fff;transition: all 0.5s ease 0s;}
.infor_ul li:hover .infor_see{background: url(../images/inforsee1.png) left center no-repeat; }


.infor_info{ background: #f3f4f8; padding: 42px 70px 0; margin-bottom: 90px; }
.powder{ border-bottom: 1px solid #dfdfdf;padding-bottom:26px; margin-bottom: 30px;  }
.powder_tit{ font-size: 30px; text-align: center; height:58px; line-height: 58px; display: block; overflow: hidden;  }
.powder_time{ text-align: center; height:44px; line-height: 44px; font-size: 16px; color: #666666  }
.powder_time i{ padding: 0 28px;background: url(../images/head4.png) right center no-repeat;  }
.powder_time i:nth-last-child(1){ background: none; }
.infor_word{ padding-bottom: 88px; }
.piece{ padding-bottom:80px;  }
.piece_left{ display: block; float: left; width:480px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_left.png) 20px center no-repeat; font-size: 16px; text-align: right;  padding-right:30px; box-sizing: border-box;   }
.piece_right{display: block; float: left; width:480px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_right.png) 430px center no-repeat; font-size: 16px;   padding-left:30px; box-sizing: border-box; }
.end{ display: block; float: left; margin:0 20px; width: 200px; height: 60px; line-height: 60px;  background: #fff url(../images/page.png) 47px center no-repeat; text-indent: 90px; font-size: 16px;   }
.piece_left:hover{background: #110e59 url(../images/page_left1.png) 20px center no-repeat; color: #fff;}
.piece_right:hover{background: #110e59 url(../images/page_right1.png) 430px center no-repeat; color: #fff;}
.end:hover{background: #110e59 url(../images/page1.png) 47px center no-repeat; color: #fff;}

.cont_img{ height: 560px; margin-bottom: 120px;}
.cont_img img{ height: 560px;  width: 100% }
.cont{ position:relative; }
.cont_div{ width:480px; height: 450px; background: #fff; box-sizing: border-box; position: absolute; top:54px; right:60px;  padding: 0 38px; box-sizing: border-box;   }
.cont_tit{ display: block; height:80px; line-height: 40px; overflow: hidden; font-size:28px;  padding-top: 36px;  margin-bottom: 24px; }
.cont_line{ display: block; position: relative; width:100%; height: 1px; background: #dedede;  }
.cont_line:after{ position: absolute; content: ''; left: 0; bottom: -2px; width:110px; height: 5px; border-radius: 0 2px 2px 0; background: #0043b2  }
.cont_shi{ display: block; height:72px; line-height: 72px; font-size:24px;   }
.cont_dl dt{ float: left; height: 42px; line-height: 42px; font-size: 18px; margin-right: 12px; width: 110px; text-align: right; }
.cont_dl dd{ float: left; line-height: 42px; font-size: 18px; width: 281px; }

.join_warp{background: url(../images/joinbj.jpg) center top no-repeat; }


/* join */
.pos dt{ display: none;}
.recu{ padding:30px 0 20px 0px;}
.recu ul{ cursor:pointer;  height:82px; line-height:82px;}
.pos dd li{width:20%; float:left; display:block; color:#707070; font-size: 18px; }
.Requirement{ display:none; }

.join_wrap{ background: #f8f8f8; padding:0 42px;  border: 1px solid #dddddd;  cursor: pointer; }
.join_wrap.act{ border: 1px solid #f8f8f8; }
.join_div{ font-size: 26px; height: 86px;background:url(../images/add2.png) right center no-repeat; line-height: 86px;transform: all 0.5s ease 0s;  border-bottom: 1px solid #eeeeee; overflow: hidden; }
.req_inner{ background: #f5f6f5; padding:0 42px 30px; line-height: 32px; color: #8d8d8d; font-size:16px;  }
.join_em{ display: block; height:42px; line-height: 42px; overflow: hidden; color:#333; font-size: 22px; padding-top: 30px;  }
.mail{ background: #eeeeee; border-radius: 0 0 5px 5px; height:60px; line-height: 60px; overflow: hidden; padding: 0 32px;   }
.mail_left{ display: block; float: left; height: 60px; line-height: 60px; overflow: hidden; font-size: 20px; color: #333; }
.mail_right{ display: block; float: right; height: 60px; overflow: hidden; font-size: 16px; color: #999999; }
.ins_box{ width: 792px; line-height: 30px; height: 60px; padding-top: 10px; }
.join_dd{ margin-bottom:40px;  }
.join{ padding-bottom: 50px; }
.act .join_div{ color: #110e59; transform: all 0.5s ease 0s; background:url(../images/add1.png) right center no-repeat;}
.ins_tit{ font-size: 30px; margin-bottom: 20px; display: block; height:48px; line-height: 48px; overflow: hidden;  }
.ins_inner{ font-size: 16px; line-height: 30px; overflow: hidden;  }
.inside{ padding:0px 42px;  }


.probj{ background: #f9f9f9 }
.expensive{ width: 340px; margin-right:30px; position: relative; float: left; }
.exp_img{ display: block; width: 340px; height:610px; overflow: hidden;  }
.exp_img img{ width: 340px; height:610px; overflow: hidden;}
.exp_inner{ position: absolute; left: 0; top: 40px; padding: 0 30px; width: 100%; box-sizing:border-box;}
.exp_tit{ display: block; height: 72px; line-height: 72px; overflow: hidden; color:#fff; font-size:30px;  }
.exp_zi{ font-size: 16px; color: #fff; line-height:30px; height: 300px; overflow: hidden;  }
.gold{ padding-bottom: 80px; }

.gold_div{ float: right; width: 970px; }
.silver_div{ position: relative; height:610px; }
.silver_scroll{ width: 970px; height: 610px; overflow: hidden; position: absolute; left: 0; top: 0; }
.silver_ul{ width: 10000px; }
.silver_ul li{ float: left; margin-right:30px; width: 220px;  }
.silver_ul li .gold_a{ display: block; margin-bottom:30px; position: relative;height: 290px; overflow: hidden;  }
.silver_img{ display: block; width:218px; height: 198px; border: 1px solid #e3e3ed; overflow: hidden;  }
.silver_img img{width:218px; height: 198px; overflow: hidden;transition: all 1s ease 0s;}
.ver{ background: #f3f4f8; padding:12px 20px 20px; position: relative;  }
.ver_tit{ display: block; height:33px; line-height: 33px; overflow: hidden; font-size:22px;   }
.ver_zi{ display: block; height:25px; line-height: 25px; overflow: hidden; font-size:14px; color: #666666   }
.tar{ position: absolute;transition: all 0.5s ease 0s; left: 0; bottom: -290px; width:220px; height: 290px;background: url(../images/pro.jpg) left top no-repeat;  }
.tar_inner{ padding:37px 20px 0; }
.tar_tit{ display: block; font-size:22px; color: #fff; height: 33px; line-height: 33px; overflow: hidden; }
.tar_num{ display: block; height:24px; line-height: 24px; font-size: 14px; color: #fff; overflow: hidden; margin-bottom: 26px;  }
.tar_i{ transition: all 0.5s ease 0s; position: relative; font-size:16px;background: url(../images/add.jpg) left center no-repeat; color: #fff; height:30px; line-height: 30px; margin-bottom: 14px;  display: block; float: left; width: 50%; padding: 0 2px 0 8px; box-sizing: border-box; }
.tar_i:after{ background: #565386; width: 0; height: 1px; transition: all 0.5s ease 0s; position: absolute; left: 0; bottom: 0; content: ''  }
.tar_i:hover:after{ width: 80%; transition: all 0.5s ease 0s; }
.silver_ul li .gold_a:hover .tar{ bottom: 0; transition: all 0.5s ease 0s; }
.ver_div{ position: absolute; left: 0; top: 0;  transition: all 0.5s ease 0s; }
.silver_ul li .gold_a:hover .ver_div{ top: -290px;  transition: all 0.5s ease 0s; }
.ele_div .silver_ul li .gold_a:hover .ver_div{ top: 0px;  transition: all 0.5s ease 0s; }
.ele_div .ver_tit{ position: relative; z-index: 99; }
.ele_div .ver_zi{ position: relative; z-index: 99; }
.ele_div .silver_ul li .gold_a:hover .ver_tit,.ele_div .silver_ul li .gold_a:hover .ver_zi{ color:#fff; transition: all 0.5s ease 0s; }
.ele_div .silver_ul li .gold_a:hover .silver_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ele_div .silver_ul li .ver:after{ height: 0; width: 100%; transition: all 0.5s ease 0s; background: #110e59; position: absolute; left: 0; bottom: 0; content: ''; }
.ele_div .silver_ul li .gold_a:hover .ver:after{ height: 100%;transition: all 0.5s ease 0s;  }
.siler_left{ position: absolute; left: -340px; transition: all 0.5s ease 0s; bottom:60px; display: block; background: url(../images/ico.png) left center no-repeat; width:50px; height: 40px; background-position:0px 0px;    }
.siler_right{ position: absolute; left: -270px;  transition: all 0.5s ease 0s;bottom:60px; display: block; background: url(../images/ico.png) left center no-repeat; width:50px; height: 40px; background-position:-56px 0px;    }
.siler_left:hover{background-position:0px -47px; transition: all 0.5s ease 0s; }
.siler_right:hover{background-position:-56px -47px; transition: all 0.5s ease 0s;}

.pro_info{ margin-bottom:62px;  }
.nickel{ float: right; width:640px; height:492px; background: #f3f4f8;  }
.ni{ border-bottom: 1px solid #dfdfdf; padding: 10px 0 0 30px; position: relative; margin-bottom: 20px;}
.ni_cn{ display: block; font-size: 36px; height:54px; line-height: 54px; overflow: hidden;  }
.ni_en{ display: block; font-size: 18px; height:46px; line-height: 46px; overflow: hidden;  }
.ni:after{ position: absolute; left: 30px; bottom: -1px; width:180px; height: 1px; background: #110e59; content: ''; display: block;  }
.specs{ padding: 0 30px; }

.specs_inner{ padding-right:26px; overflow-y:auto; height: 324px;  }
.specs_inner::-webkit-scrollbar {
            width: 4px;    
        }
.specs_inner::-webkit-scrollbar-thumb {
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(211,129,21,1);
            background: rgba(211,129,21,1);
        }


.specs_tit{ display: block; height:42px; line-height: 42px; overflow: hidden; font-size:18px;   }
.spe_i{ height:28px; line-height: 28px; display: block; float: left; margin-right:17px; padding:0 4px; font-size: 14px; border-bottom: 1px solid #999999;    }
.specs_div{ margin-bottom: 10px; }
.specs_div p{ font-size: 14px; line-height: 24px; }
.des_ul{ height:80px; overflow: hidden; background: #f3f4f8; padding:0 40px;    }
.des_ul li{ float: left; margin-right:26px;  }
.des_ul li a{ display: block; padding:0 6px; height:80px; line-height: 80px; overflow: hidden; font-size:18px; position: relative;    }
.des_ul li.on a{ color: #110e59; transition: all 0.5s ease 0s; }
.des_ul li a:after{ width: 0; height: 2px; background: #110e59; transition: all 0.5s ease 0s; position: absolute; left: 0; bottom: -1px; content: '' }
.des_ul li.on a:after{ width: 100%; transition: all 0.5s ease 0s; }
.explain{ padding:40px 40px 60px; background: #f8f8f8; margin-bottom: 60px;  }
.explain_inner{ display: none; }
.pro_piece{ background: #f3f4f8; padding:26px 30px; margin-bottom: 90px;  }
.pro_piece .piece_left,.pro_piece .piece_right{ width: 520px; }


.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:100px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:10px;width:180px; cursor: pointer; border: 1px solid #fff; overflow: hidden; box-sizing:border-box;}
.small_list ul li img{display:block; width: 180px; height: 98px;}
.small_list ul li.on { border: 1px solid #110e59 }
.left_btn{float:left;transition: all 0.5s ease 0s; cursor: pointer; margin-right:14px;background-image:url(../images/pro_left.jpg); height: 100px; width: 40px;}
.right_btn{float:right;transition: all 0.5s ease 0s; cursor: pointer;background-image:url(../images/pro_right.jpg); height: 100px; width: 40px;}
.left_btn:hover{background-image:url(../images/pro_left1.jpg); transition: all 0.5s ease 0s;}
.right_btn:hover{background-image:url(../images/pro_right1.jpg); transition: all 0.5s ease 0s;}
.large_box{ width: 667px; margin-bottom: 20px;}
.large_box li{ display: none; }
.large_box li img{ width:667px; height:370px; overflow: hidden; }
.small_box{ height: 100px; width:667px;  }
.small_list{ width: 568px; height:100px;  box-sizing: border-box; }

.copper{ float: left; width:667px;  }

.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; clear: both;}
.slides li .banner_img{ width: 100%; height: auto;     transform: translate3d(0px, 0px, 0px);  transition: all 1000ms ease 0s}
.slides li { position:relative; width:100%; height:auto; float: left; }
.slides li.flex-active-slide img{ -webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: block; width: 100%; text-align: center; z-index: 99;  position: absolute; left: 0; bottom: 40px; }
.flex-control-nav li{ display: inline-block; margin: 0 10px; }
.flex-control-nav li a{ display: block;background: url(../images/tab.png) left top no-repeat; font-size: 0; width: 20px; height: 22px; transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background: url(../images/tab1.png) left top no-repeat; }
.flex-direction-nav,.flex-prev{ display: none; }



@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.build{background: url(../images/setbj.jpg) left bottom no-repeat;padding: 60px 0 80px 0; }
.build_right{ float: right; width: 534px; height: 260px; overflow: hidden; }
.build_right img{width: 534px; height: 260px; overflow: hidden;}
.build_left{ float: left; width:757px;  }
.build_tit{ font-size: 36px; display: block; height:66px; line-height: 66px; overflow: hidden; margin-bottom: 24px;  }
.build_zi{ height:102px; line-height: 34px; overflow: hidden; font-size:16px;  margin-bottom: 24px;  }
.build_see{ display: block; height:40px;  transition: all 0.5s ease 0s;line-height: 40px; font-size: 14px;background: url(../images/see1.png) 74px center no-repeat;  }
.build_inner{ margin-bottom: 56px; }
.build_see:hover{ color: #110e59;background: url(../images/see11.png) 94px center no-repeat; transition: all 0.5s ease 0s; }
.business{ border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;  }
.bus_ul li{ float: left; width: 25%; background: url(../images/line.jpg) right center no-repeat; padding: 24px 20px; box-sizing:border-box;}
.bus_ul li:nth-last-child(1){ background: none; }
.bus_left{ float: left; width: 193px; }
.bus_word{ display: block; height:28px; line-height: 28px; overflow: hidden; font-size:16px; color: #999999;   }
.bus_tit{ height:50px; line-height: 50px; overflow: hidden; font-size: 36px; color: #110e59;  }
.bus_sup{ font-size: 14px; color: #333333; margin-left: 15px;}
.bus_right{ float: right; height: 70px; line-height: 70px; }

.metal{background: url(../images/metalbj.jpg) center top no-repeat; height: 1030px;}
.index_tit{ padding: 70px 0 30px 0; }
.index_cn{ display: block; float: left; font-size:36px; height: 54px; line-height: 54px;  }
.index_see{ display: block; float: right; height: 54px;transition: all 0.5s ease 0s; line-height: 54px; padding-right: 34px; font-size: 14px;background: url(../images/see1.png) right center no-repeat; }
.index_see:hover{ padding-right: 54px; color: #110e59; transition: all 0.5s ease 0s;background: url(../images/see11.png) right center no-repeat; }
.metal_ul{ margin:0 0 0 -30px;  }
.metal_ul li{ float: left; margin: 0 0 40px 30px; border-radius: 5px; width: 426px;}
.metal_img{ display: block; width: 426px; height: 240px; overflow: hidden; position: relative; border-radius:5px 5px 0 0 ;  }
.metal_img img{ width: 426px;transition: all 1s ease 0s;  height: 240px; overflow: hidden;}
.metal_div{ background: #ffffff; padding:18px 28px 20px;  position: relative; }
.metal_tit{ display: block;transition: all 0.5s ease 0s; height: 50px; line-height: 50px; font-size: 24px; overflow: hidden; }
.metal_zi{ height:52px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666666  }
/* .metal_more{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);transition: all 0.3s ease 0s;background: url(../images/img.png) center top no-repeat; height: 0px; width: 0px; }
 */

.metal_more{position: absolute;background: url(../images/img.png) center top no-repeat; 
  display: block;
  width: 87px;
  height: 87px;
  top:50%;
  margin-top: -43.5px;
  left:50%;
  margin-left: -43.5px;opacity: 0;
  filter:alpha(opacity=0);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;}

.metal_ul li:hover .metal_more{ -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter:alpha(opacity= 100);}
.metal_div:after{ position: absolute; left: 0; top: 30px; width: 3px; height: 0; content: ''; background: #ff9e26; display: block; transition: all 0.5s ease 0s; }
.metal_ul li:hover .metal_div:after{ height: 18px; transition: all 0.5s ease 0s; }
.metal_ul li:hover .metal_tit{ color: #110e59; transition: all 0.5s ease 0s; }
.metal_ul li:hover .metal_img img{ transition: all 1s ease 0s; transform: scale(1.1); }

.cycle{background: url(../images/indexbj.jpg) center top no-repeat; height: 920px;}
.cycle_div{ padding: 70px 0 52px 0; }
.cy_tit{ line-height: 54px; height: 54px; overflow: hidden; font-size:36px; color:#fff;  margin-right: 38px; float: left; }
.cy_dian{ display: block; float: left; padding-top: 14px; height:40px; line-height: 40px; overflow: hidden; font-size:20px; color: #fff; margin-right: 60px;   }
.have{ float: left; margin-right:40px; padding-top: 14px; height:40px;  }
.have_blak{ display:block; float: left; margin:10px 10px 0 0; width: 60px; height: 20px; background: #a1e0ff;}
.have_tit{ float: left; font-size: 16px; color:#fff; height:40px; line-height: 40px; }
.have_yel{ background: #ff9e26 }
.cycle_inner{ position: relative; height:660px;  }
.cycle_ul{ margin: 0 0 0 -4px; }
.cycle_ul li{ float: left; margin: 0 0 5px 4px; overflow: hidden; width: 66px; height: 86px; text-align: center; border: 2px solid #32b3f2; position: relative; }
.cycle_ul li a{  color: #a1e0ff; position: relative; z-index: 999; display: block; }
.cycle_en{ display: block; font-size: 32px; height:34px;  line-height: 34px; overflow: hidden; padding-top: 12px;  }
.cycle_cn{ display: block; height: 28px; line-height: 28px; text-align: center;  font-size: 20px; overflow: hidden; }
.cycle_ul li.none{  opacity: 0; cursor: auto; }
.cycle_ul li.dotted{ border: 2px dotted #ff9e26;}
.cycle_ul li.dotted a{ cursor: auto; color: #fff; }
.cle_div {height:30px; line-height: 30px; text-align: center; }
.cle_div:nth-child(1){padding-top: 13px;}
.cle_div .cycle_en{ display: inline-block;  font-size: 30px; padding: 0; }
.cle_div .cycle_cn{ display: inline-block;  font-size:16px; padding: 0;  }
.cycle_ul li:hover a{ color: #fff; }
.cycle_ul li:after{ position: absolute; left: 0; bottom: 0; content: '';  width: 100%; height:0; background: #32b3f2; transition: all 0.5s ease 0s; }
.cycle_ul li:hover:after{ transition: all 0.5s ease 0s; height: 100% }

.devebj{background: url(../images/deve.jpg) center top no-repeat; height: 750px;}
.deve_title{ font-size: 30px; height:52px; line-height: 52px; overflow: hidden; display: block; margin-bottom: 48px;  }
.deve_left{ float: left; width: 600px; height: 520px; overflow: hidden; margin-right: 40px; }
.deve_right{ width: 698px; float: right; height: 520px; overflow: hidden; }

.deve_right .lop_banner{ width:100%; overflow: hidden; }
.deve_right .small_lop{ width: 98px; float: right; position: relative; height:425px; overflow: hidden; background: url(../images/deve3.jpg) 83px center repeat-y; }
.deve_right .small_inner ul li{ width: 100%; cursor: pointer; height:44px; background: url(../images/deve2.png) 75px center no-repeat; padding-right: 45px; box-sizing: border-box; overflow: hidden; font-size: 26px; line-height: 44px; margin-bottom:54px;   }
.deve_right .small_inner ul li.on{background: url(../images/deve1.png) 75px center no-repeat;  color: #0c2872;}
.deve_right .small_inner ul li.on .small_zi{ color: #a5c0e1 }

.large_lop{ width: 530px; float: left; }
.deve_dl { margin-bottom: 20px; }
.deve_dl dt{ float: left; width: 88px; font-size:14px; color: #110e59; height:28px; line-height: 28px;   }
.deve_dl dd{ float: left; width:422px; font-size: 14px;  line-height: 26px; }
.deve_inner{ height: 520px; overflow-y:auto; padding-right: 20px; }
.deve_inner img{ width: auto; height: auto; max-width: 100% }

.deve_inner::-webkit-scrollbar {
            width: 1px;    
            display: none;
        }
.deve_inner::-webkit-scrollbar-thumb {
            border-radius: 10px;
            box-shadow: inset 0 0 5px rgba(211,129,21,1);
            background: rgba(211,129,21,1);
        }
.deve_i{ position: absolute; left: 0; top: 0; width:98px; height: 12px; background: #fff;  }


.togsubnav{ position: absolute; left: 0; top: 98px; background: #fff; width: 100%; height: 680px; z-index: 9999; display: none; }
.headbox{ position:relative; }
.togsubnav .cycle_ul{ margin: 0 0 0 2px; }
.togsubnav .cycle_ul li.dotted{ border: 2px dotted #cbcbcb; }
.togsubnav .cycle_ul li.dotted a{ color: #b5b5b5 }
.togsubnav .cycle_ul li.dotted a:hover{ color: #fff }
.togsubnav .cycle_ul li a{ width: 100%; height: auto; line-height: initial; color: #a1e0ff }
.togsubnav .cycle_ul li a:after{ display: none; }
.togsubnav .cycle_ul li:hover a{ color: #fff; }


.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    display: none;
}

.navBg.active {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 54px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.active .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.active .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 27px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #110e59
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }


.follow{ position: fixed; top: 40%; right: 0; z-index: 999; }
.follow_img{ width: 80px;background: #e1af6f; height: 80px; cursor: pointer; transition: all 0.5s ease 0s; line-height: 80px; display: block; text-align: center;border-radius: 13px 0 0 13px;   }
.follow_div{ margin-bottom:5px;  position: relative; }
.follow_div:hover .follow_img{   }
.follow_call{ position: absolute; transition: all 0.5s ease 0s; width:0; text-align: center;  overflow: hidden; border-radius: 5px 0 0 5px; right: 71px; top: 0; height: 80px; line-height: 80px; font-size: 16px; color: #fff; background: #d99339;  }
.what{ position: absolute;transition: all 0.5s ease 0s;  width: 0px; top: 0; right:81px; overflow: hidden; background: #d99339; padding: 8px 0 8px 0; border-radius: 5px; }
.what_img{ width: 120px; text-align: center; display: block; }
.what_img img{ width: 103px; height: 103px; overflow: hidden; }
.what_tit{ color: #fff; text-align: center; height:32px; line-height: 32px; overflow: hidden; font-size:14px; display: none;  }
.fo_call:hover .follow_call{width:150px; transition: all 0.5s ease 0s;}
.fo_what:hover .what{width:120px; transition: all 0.5s ease 0s;}
.followdh{ height:auto; line-height: inherit; padding: 5px 0; }
.follow_i{ display: block; font-size: 16px; text-align: center; height: 24px; line-height: 24px; }